<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="" />
    <meta name="author" content="ChongMing" />
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="full-screen" content="yes">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="360-fullscreen" content="true">
    <title>订单详情</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="css/shopping.css">
    <script src="../js/swiper-3.3.1.jquery.min.js"></script>
    <script src="../js/jquery-1.10.2.js"></script>
    <script src="js/shopping.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/vue.js" type="text/javascript"></script>
    <script src="../js/public.js"></script>
    <script src="../js/jquery.cookie.js"></script>
</head>
<body style=" background: #ebebeb;">
<div class="shopdetail" id="shopdetail" [v-cloak] { display: none }>
    <div class="commodity">
        <div class="list" v-for="list in product_list">
            <img class="pic" v-bind:src="list.goods_thumb" alt="">
            <div class="infor">
                <p class="p1">{{list.product_name}} </p>
                <p class="p3"><span>￥{{list.unit_price}}</span>x{{list.num}}</p>
            </div>
        </div>
    </div>
    <div class="orderinformation">
        <div class="public static">
            <p class="l hover">{{status_text}}</p>
            <p class="r">下单时间：2016.03.14  16:12:45</p>
        </div>
        <div class="public ordernum">
            <p class="l">订单编号：</p>
            <p class="r">{{order_no}}</p>
        </div>
        <div class="public com-num">
            <p class="l">商品总计：</p>
            <p class="r">￥{{product_total_amount}}</p>
        </div>
        <div class="public postage">
            <p class="l">邮费总计：</p>
            <p class="r">￥{{postage_fee}}</p>
        </div>
        <div class="public postage">
            <p class="l">优惠：</p>
            <p class="r hover">-￥{{reduce_price}}</p>
        </div>
        <div class="public total">
            <p class="l">订单合计：</p>
            <p class="r hover">￥{{total_amount}}</p>
        </div>
    </div>
    <div class="address">
        <p class="name public">收货人：<span>{{user_name}}</span></p>
        <p class="public phone">联系电话：<span>{{mobile}}</span></p>
        <p class="public city">{{address_desc}} </p>
    </div>
    <div class="paytype">
        <p class="tit">支付方式</p>
        <p class="name">{{pay_method}}</p>
    </div>
    <div class="logistics">
        <p class="tit">物流信息</p>
        <div class="none" v-show="status">无物流信息</div>
        <div class="list">
            <div class="con" v-for="list_wuliu in logistic_information">
                <p class="time">{{list_wuliu.time}}</p>
                <p class="addre">{{list_wuliu.logistic_text}}</p>
            </div>

        </div>
    </div>
</div>
</body>
</html>